<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: 李洪均
  Date: 2023/4/27
  Time: 10:20
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>服务领域</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/professional_field.css">
    <script src="../js/jquery-3.6.4.min.js"></script>
    <script src="../js/common.js"></script>
</head>
<body class="justify-content-center">
<div class="all border-blue width-1962">
    <!--    导航栏盒子-->
    <jsp:include page="top.jsp"/>
    <!--    轮播图盒子-->
    <jsp:include page="rotation_chart.jsp"/>
    <!--    服务类别栏-->
    <div class="serve height-80 justify-content-center align-items-center">
        <c:forEach items="${filedTitles}" var="filedTitle">
            <div>${filedTitle.name}</div>
        </c:forEach>

    </div>
    <!--    分类图片展示-->
    <div class="big">
        <div class="classify height-800 justify-content-center">
            <div class="mood">
                <!--        第一行三个-->
                <div class="class1 justify-content-start">

                    <c:forEach items="${filedModels}" var="filedModel">
                        <div>
                            <div><img src="${filedModel.image}" alt=""></div>
                            <div class="margin-top-25"><span >${filedModel.name}</span></div>
                        </div>
                    </c:forEach>

                </div>
                <!--        第二行三个-->
                <div class=" class2 justify-content-start">
                    <c:forEach items="${filedModels1}" var="filedModel">
                        <div>
                            <div><img src="${filedModel.image}" alt=""></div>
                            <div class="margin-top-25"><span>${filedModel.name}</span></div>
                        </div>
                    </c:forEach>

                </div>

            </div>
        </div>
        <div class="page justify-content-center margin-top-50 margin-bottom-40">
            <div class="with-20 height-20"><span>&lt;</span></div>
            <div><span>1</span></div>
            <div><span>&gt;</span></div>
        </div>
    </div>
    <!--尾部盒子-->
    <jsp:include page="foot.jsp"/>
</div>

</body>
</html>
